<template>
  <div class="list">
<day-list-frame title="当前年月" :content="data['year-month']"></day-list-frame>
<day-list-frame title="今年属相" :content="data.animalsYear"></day-list-frame>
<day-list-frame title="农历年份" :content="data.lunarYear"></day-list-frame>
<day-list-frame title="适宜事件" :content="data.suit"></day-list-frame>
<day-list-frame title="避免事件" :content="data.avoid"></day-list-frame>    
  </div>
</template>

<script>
import DayListFrame from './DayListFrame.vue';
export default {
components:{
    DayListFrame,
},
props:{
    data:Object,
}
}
</script>

<style lang="less" scoped>
.list{
    padding:.15rem;
    box-sizing: border-box;
}
</style>